import tuceng1 from '@/assets/tools/tuceng-1.png'
import tuceng2 from '@/assets/tools/tuceng-2.png'
import jiucuo1 from '@/assets/tools/jiucuo-1.png'
import jiucuo2 from '@/assets/tools/jiucuo-2.png'
import saoma1 from '@/assets/tools/saoma-1.png'
import saoma2 from '@/assets/tools/saoma-2.png'
import gxhz1 from '@/assets/tools/gxhz-1.png'
import gxhz2 from '@/assets/tools/gxhz-2.png'
import qyhz1 from '@/assets/tools/qyhz-1.png'
import qyhz2 from '@/assets/tools/qyhz-2.png'
import cz1 from '@/assets/tools/cz-1.png'
import cz2 from '@/assets/tools/cz-2.png'

export const IMAGES = {
  tuceng1,
  tuceng2,
  jiucuo1,
  jiucuo2,
  saoma1,
  saoma2,
  gxhz1,
  gxhz2,
  qyhz1,
  qyhz2,
  cz1,
  cz2,
}

export const LIST = [
  {
    id: 1,
    name: '图层',
    active: false,
    image1: IMAGES.tuceng1,
    image2: IMAGES.tuceng2,
  },
  {
    id: 2,
    name: '纠错',
    active: false,
    image1: IMAGES.jiucuo1,
    image2: IMAGES.jiucuo2,
  },
  {
    id: 3,
    name: 'RTK扫码',
    active: false,
    image1: IMAGES.saoma1,
    image2: IMAGES.saoma2,
  },
  {
    id: 4,
    name: '管线绘制',
    active: false,
    image1: IMAGES.gxhz1,
    image2: IMAGES.gxhz2,
  },
  {
    id: 5,
    name: '区域绘制',
    active: false,
    image1: IMAGES.qyhz1,
    image2: IMAGES.qyhz2,
  },
  {
    id: 6,
    name: '重置',
    active: false,
    image1: IMAGES.cz1,
    image2: IMAGES.cz2,
  },
]

type MapType = 0 | 1 | 2 // 1: 标准地图, 2: 卫星地图
type RtkType = 1 | 2 | 3 // 1: 市政井, 2: 接户井, 3: 出门井

interface PopupOption {
  id: number
  name: string
  type: MapType | RtkType
}
export const MAP_OPTIONS: PopupOption[] = [
  { id: 1, name: '标准地图', type: 1 },
  { id: 2, name: '卫星地图', type: 2 },
]

export const RTK_OPTIONS: PopupOption[] = [
  { id: 1, name: '市政井', type: 1 },
  { id: 2, name: '接户井', type: 2 },
  { id: 3, name: '出门井', type: 3 },
]

export const RANGE_OPTIONS: PopupOption[] = [
  { id: 1, name: '排查范围', type: 0 },
  { id: 2, name: '一级排水户', type: 1 },
  { id: 3, name: '二级排水户', type: 2 },
]

// 常量
export const DIVIDER_STYLE = {
  thin: { borderColor: '#D0D0D2', borderWidth: '0.5px' },
  thick: { borderColor: '#D0D0D2', borderWidth: '1.5px' },
}
